<template>
  <n-layout-header bordered class="flex justify-between items-center p-4 bg-white">
    <div class="font-bold text-xl text-[#18a058]">试飞大纲智能生成演示系统</div>
    <n-space>
      <n-button tertiary @click="refresh" type="primary">
        <template #icon>
          <n-icon><RefreshIcon /></n-icon>
        </template>
        刷新
      </n-button>
    </n-space>
  </n-layout-header>
</template>

<script setup>
import { NLayoutHeader, NButton, NSpace, NIcon } from 'naive-ui'
import { RefreshOutline as RefreshIcon } from '@vicons/ionicons5'

const refresh = () => window.location.reload()
</script>

<style scoped>
.flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}
</style>